import React from "react";
import { NavBar, Space, Toast } from "antd-mobile";
import {  useNavigate } from "react-router-dom";
import { Button, ProgressBar } from "antd-mobile";
import style from "../message/index.module.css";
function Index() {
  const back = () => navigate(-1);
  const navigate = useNavigate();

  return (
    <div>
      <NavBar onBack={back}>订单详情</NavBar>

      <Space direction="vertical" block>
        <ProgressBar
          percent={50}
          style={{
            "--track-width": "4px",
          }}
        />
        <ProgressBar
          percent={80}
          style={{
            "--track-width": "12px",
          }}
        />
      </Space>

      <div className={style.plane}>
        <span>05月12日</span>
        <span></span>
        <span></span>

        <span>21:03</span>
        <span>D3213</span>
        <span>21:03</span>

        <span>合肥南</span>
        <span>列车停靠站</span>
        <span>合肥南</span>
      </div>

      
    </div>
  );
}

export default Index;
